<!DOCTYPE html>
<html>
    <head> 
        <title>Tennis Messages</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/style.css" rel="stylesheet" media="screen">
        <link href="css/default.css" rel="stylesheet" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
		<script src="js/load.js"></script>
		<script src="js/commonfunctions.js"></script>
        <script src="js/url.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.js"></script>
    </head>
<script>
var go_list_value=0;
$( document ).ready(function() {
	if(typeof localStorage["user_id"]=='undefined'){
		window.location="index.html";
	}
	userSettingsLoad();
});
</script>
    <body>
        <div class="top_header">
            <div class="menu_pad">
                <div class="menu_left">
                    <a href="viewalert.html"><img src="images/arrow_left_w.png"/>&nbsp;Requirements</a></div>
                <!--<span class="menu_center"><a href="settings.html">Requirements</a></span>-->
                <div class="menu_right"><a href="notification.html">Notifications</a></div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="body_container">
            <div class="">
               <div class="notification_bg">
                   <p>Swipe down from the top of the screen to view Notification Center.</p>
                    <!--<b>ALL CAP LABEL</b>-->
                </div>
            </div>
        </div>
         <div class="pad_tb brg">
            <div class="select_field">
                <label>Availability</label>
                <div class="switch">
            <input id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round"  type="checkbox" >
            <label for="cmn-toggle-1"></label>
          </div>
            </div>
             <div class="clearfix"></div>
        </div>
        <div class="pad_tb brg">
            <div class="select_field">
                <label>Notifications</label>
                <div class="switch">
            <input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round2" type="checkbox" >
            <label for="cmn-toggle-2"></label>
          </div>
            </div>
             <div class="clearfix"></div>
        </div>
		<center><span id="settingsLoader" ></span></center>
         <div class="pad_tb brg">
            <div class="select_field">
                <label>Radius</label>
               <select id="radius" name="radius" >
                   <option value="0">Radius</option>
                   <option value="1" >1 Miles</option>
                   <option value="2" >2 Miles</option>
                   <option value="3" >3 Miles</option>
                   <option value="4" >4 Miles</option>
                   <option value="5" >5 Miles</option>
                   <option value="6" >6 Miles</option>
                   <option value="7" >7 Miles</option>
                   <option value="8" >8 Miles</option>
                   <option value="9" >9 Miles</option>
                   <option value="10" >10 Miles</option>
				   <option value="11" >11 Miles</option>
                   <option value="12" >12 Miles</option>
                   <option value="13" >13 Miles</option>
                   <option value="14" >14 Miles</option>
                   <option value="15" >15 Miles</option>
                </select><span id="radiusError" name="radiusError" style="color:red"></span> 
            </div>
             <div class="clearfix"></div>
         </div>
            <div class="pad_tb brg">
            <div class="select_field">
                <label class="label_w">Preferred partner rating/level of play</label>
                <select id="setting_rating" name="setting_rating">
                   <option value="">Rating</option>
				   <option>2</option>
				   <option>2.5</option>
				   <option>3</option>
				   <option>3.5</option>
				   <option>4</option>
				   <option>4.5</option>
				   <option>5</option>
                </select><span id="ratingError" name="ratingError" style="color:red"></span> 
            </div>
             <div class="clearfix"></div>
            </div>
			<div class="invite_pad">
				 <div class="submit_btn">
					 <input type="button"  id="button_settings" onclick="updateSettings();"/>
					 <span id="indexLoader"></span>
				 </div>
			</div>
			<div class="update_sucessfull" id="sucessMessage" style="display:none">
				<p><img src="images/sucess.png"/>&nbsp;&nbsp;Saved Successfully</p>
			</div>
    </body>
</html>